<template>
  <!-- 发布-车源-->
  <view class="content">
    <!-- <form @reset="formReset"> -->
    <u-toast ref="uToast" />
    <view>
      <view class="bjcolor" style="padding: 30rpx 20rpx;">
        <view class="flex flex-ai-c flex-jc-sb">
          <view class="shagjia">
            上架店铺
          </view>
          <view class="gonsiname">
            {{fmShopname}}
          </view>
        </view>
      </view>
      <view class="context">
        基本信息
      </view>
      <view class="bjcolor" @click="guigexz">
        <view class="jbtext">
          <view class="jbxz">
            <view class="jbgg">
              <view class="jbguige">
                规格
              </view>
              <view class="jbjguo">
                <input type="text" v-model="specifAll.Speciflist.name" class="inputtext" placeholder="请选择" disabled="disabled"
                  placeholder-style="font-size:30rpx;color:#999" />
              </view>
            </view>
            <view class="xiat"></view>
            <view class="jbgg" style="margin-top: 40rpx;">
              <view class="jbguige">
                品牌
              </view>
              <view class="jbjguo">
                <input type="text" v-model="specifAll.brandlist.brand" class="inputtext" placeholder="请选择" disabled="disabled"
                  placeholder-style="font-size:30rpx;color:#999" />
              </view>
            </view>
            <view class="xiat"></view>
            <view class="jbgg" style="margin-top: 40rpx;">
              <view class="jbguige">
                车型
              </view>
              <view class="jbjguo">
                <input type="text" v-model="specifAll.Serieslist.carTypeName" class="inputtext" placeholder="请选择"
                  disabled="disabled" placeholder-style="font-size:30rpx;color:#999" />
              </view>
            </view>
            <view class="xiat"></view>
            <view class="jbgg" style="margin-top: 40rpx;">
              <view class="jbguige">
                配置
              </view>
              <view class="jbjguo">
                <input type="text" v-model="specifAll.Configulist.name" class="inputtext" placeholder="请选择" disabled="disabled"
                  placeholder-style="font-size:30rpx;color:#999;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;" />
              </view>
            </view>
          </view>
          <view class="jbicon">
            <i-icon icon="icongengduo" type="single" size="50rpx" color="#e1e1e1"></i-icon>
          </view>
        </view>
      </view>
      <view class="bjcolor" style="margin-top: 20rpx;padding: 0rpx 20rpx;">
        <view class="xzstop">
          <view class="exteriorInterior" @click="xzcolorlick">
            <view class="shengctext">
              外观/内饰
            </view>
          </view>
          <view class="Extecolorpage">
            <view class="prompt" v-show="!xedColorList.length>0" @click="xzcolorlick">
              请选择
            </view>
            <view class="kuang1" v-for="(item, index) in xedColorList" :key="index">
              <view class="kuang2" @click="xzcolorlick">
                <view class="colorboxs">
                  <view class="white" :style="{background:item.outerColour.colorCoding}"></view>
                  <view class="kuangtext">
                    {{item.outerColour.color}}
                  </view>
                </view>
                -
                <view class="colorboxs">
                  <view class="kuangtext">
                    {{item.inColour.color}}
                  </view>
                  <view class="kuang21" v-if="item.inColour.neiColor.length == 1">
                    <view class="white1" :style="{background:item.inColour.neiColor[0]}"></view>
                  </view>
                  <view class="kuangdoubu" v-if="item.inColour.neiColor.length == 2">
                    <view class="white4" style="border-radius: 20rpx 20rpx 0rpx 0rpx;" :style="{background:item.inColour.neiColor[0]}"></view>
                    <view class="white4" style="border-radius: 0rpx 0rpx 20rpx 20rpx;" :style="{background:item.inColour.neiColor[1]}"></view>
                  </view>
                </view>
              </view>
              <view class="deletebox" @click="tagClick(item,index)">
                <i-icon icon="iconquxiaoxunjia" type="single" size="32rpx" color="#e1e1e1"></i-icon>
              </view>
            </view>
          </view>
          <view class="iconcss" @click="xzcolorlick">
            <u-icon name="arrow-right" color="#9A9A9A" size="24rpx"></u-icon>
          </view>
        </view>
      </view>
      <view class="bjcolor">
        <view class="kucunbox">
          <view class="sxiabox">
            <view class="Saltext">
              库存
            </view>
            <view class="Salvalue">
              <input type="number" class="inputtext" v-model="dataALLlistgs.GoodsDetails.Inventory" placeholder="请输入"
                placeholder-style="font-size:30rpx;color:#999" @input="inventoclick" />
            </view>
            <view class="liang">
              辆
            </view>
          </view>
        </view>
      </view>
      <view class="context">
        车辆图片
      </view>
      <view class="bjcolor cheliantp">
        <view class="main">
          <view class="storesImg">
            <view class="img-li" v-for="(item,index) in outsideimgwg" :key="index" @click="previewImg(index)">
              <image :src="item.img" mode="aspectFill"></image>
            </view>
            <view class="img-li" v-show="outsideimgwg.length<5">
              <image @click="UploadIDcardImgtk(1)" src="https://files.yzsheng.com/bussiness/imgs/shangchuantp.png" mode="aspectFill"></image>
            </view>
          </view>
        </view>
      </view>
      <view class="context">
        请选择发布端口
      </view>
      <!-- tab切换菜单 -->
      <view class="tabs-box">
        <!-- 是否选择切换按钮 -->
        <view class="swipbox1" @click="qiehuan1">
          <u-switch v-model="checked0" active-color="#41CB05" inactive-color="#E1E1E1" active-value="0" size="48"
            @change="checkedClick"></u-switch>
        </view>
        <view class="swipbox2" @click="qiehuan2">
          <u-switch v-model="checked1" active-color="#41CB05" inactive-color="#E1E1E1" active-value="1" size="48"
            @change="chec2Click"></u-switch>
        </view>
        <!-- tabs标题 -->
        <view class="biaotabs bjcolor">
          <u-tabs-swiper height="100" bar-width="130" inactive-color="#999999" bar-height="8" ref="uTabs" active-color="#FBB000"
            :list="titleTabs" :is-scroll="false" :current="current" @change="tabsChange">
          </u-tabs-swiper>
        </view>
        <view>
          <swiper :style="{ height: swipHeight }" :current="swiperCurrent" @transition="transition" @animationfinish="animationfinish">
            <!-- :class="swiperCurrent ? 'swipcssKH' : 'swipcss'" -->
            <!-- 面向商家端 -->
            <swiper-item>
              <view style="height: 100vh;width: 98%;margin: 0 auto;">
                <!-- @scrolltolower="onreachBottom" scroll-view到底部加载更多-->
                <view style="height: 20rpx;background: none;"></view>
                <view class="bjcolorsj">
                  <view class="youxiaoqi">
                    <view class="sxiaboxs flex flex-ai-c">
                      <view class="kucuncss">
                        车源有效期
                      </view>
                      <view class="long flex flex-ai-c" @click="valclick">
                        <view class="iconcs">
                          <i-icon v-show="validPeriod !== '请选择'" icon="icontuoyuan" type="single" size="40rpx" color="#999999"></i-icon>
                          <i-icon v-show="validPeriod === '请选择'" icon="icongouxuan" type="multiple" size="40rpx"></i-icon>
                        </view>
                        <view class="longtext">
                          长期
                        </view>
                      </view>
                      <view class="inpcss flex flex-ai-c flex-jc-fe" @tap="showcq = true">
                        <!-- <i-icon icon="icongouxuan" type="multiple" size="40rpx"></i-icon> -->
                        <view class="iconcs">
                          <i-icon v-show="validPeriod === '请选择'" icon="icontuoyuan" type="single" size="40rpx" color="#999999"></i-icon>
                          <i-icon v-show="validPeriod !== '请选择'" icon="icongouxuan" type="multiple" size="40rpx"></i-icon>
                        </view>
                        <view class="kucuntext">
                          {{validPeriod}}
                        </view>
                      </view>
                      <view>
                        <u-icon name="arrow-right" color="#9A9A9A" size="24rpx"></u-icon>
                      </view>
                    </view>
                  </view>
                </view>
                <!-- 销售价格 -->
                <view class="bjcolor">
                  <view class="Salesbox">
                    <view class="sxiabox">
                      <view class="Saltext">
                        官方指导价
                      </view>
                      <view class="Salvalue" style="width: 500rpx;">
                        <input type="text" class="inputtext" placeholder="无" disabled="disabled" v-model="specifAll.Configulist.factoryprice" />
                      </view>
                      <!-- <view class="gfSalqian">
                        万元
                      </view> -->
                    </view>
                    <view class="xiahuax" style="margin-bottom: 40rpx;"></view>
                    <view class="sxiabox">
                      <view class="Saltext">
                        渠道销售价
                      </view>
                      <view class="Salvalue">
                        <input type="number" class="inputtext" placeholder="请填写销售价格" v-model="dataALLlistgs.GoodsDetails.Bus_Price"
                          placeholder-style="font-size:30rpx;color:#999" />
                      </view>
                      <view class="Salqian">
                        万元
                      </view>
                    </view>
                    <view class="xiahuax"></view>
                    <view class="sxiabox" style="margin-top: 40rpx;">
                      <view class="Saltextbzj">
                        保证金
                      </view>
                      <view class="Salvaluebzj">
                        <input type="number" class="inputtext" placeholder="设定买方保证金，金额不低于800元" v-model="dataALLlistgs.GoodsDetails.Earnest_Money"
                          placeholder-style="font-size:30rpx;color:#999" />
                      </view>
                      <view class="SalqianYuan">
                        元
                      </view>
                    </view>
                  </view>
                </view>
                <view class="context">
                  补充信息
                </view>
                <!-- 补充信息 -->
                <view class="bjcolor" style="padding: 0rpx 20rpx;">
                  <view class="xzstop">
                    <view class="xztext" @tap="showscrq = true">
                      <view class="shengctext">
                        生产日期
                      </view>
                      <view class="inptextzhi">
                        {{Production}}
                      </view>
                    </view>
                    <view class="iconcss">
                      <u-icon name="arrow-right" color="#9A9A9A" size="24rpx"></u-icon>
                    </view>
                  </view>
                  <view class="bcxt"></view>
                  <view class="xzstop">
                    <view class="xztext" @tap="showhg = true">
                      <view class="shengctext">
                        车辆合格证
                      </view>
                      <view class="inptextzhi">
                        {{hgtitlet}}
                      </view>
                    </view>
                    <view class="iconcss">
                      <u-icon name="arrow-right" color="#9A9A9A" size="24rpx"></u-icon>
                    </view>
                  </view>
                  <view class="bcxt"></view>
                  <view class="xzstop">
                    <view class="xztext" @tap="showxq = true">
                      <view class="shengctext">
                        车辆详情
                      </view>
                      <view class="inptextzhi">
                        {{xqtitlet}}
                      </view>
                    </view>
                    <view class="iconcss">
                      <u-icon name="arrow-right" color="#9A9A9A" size="24rpx"></u-icon>
                    </view>
                  </view>
                  <view class="bcxt"></view>
                  <view class="xzstop">
                    <view class="xztext" @tap="showdz = true">
                      <view class="shengctext">
                        车辆所在地
                      </view>
                      <view class="inptextzhi">
                        {{vehicleAddrName}}
                      </view>
                    </view>
                    <view class="iconcss">
                      <u-icon name="arrow-right" color="#9A9A9A" size="24rpx"></u-icon>
                    </view>
                  </view>
                  <view class="bcxt"></view>
                  <view class="xzstop">
                    <view class="xztext" @tap="showqy = true">
                      <view class="shengctext">
                        销售区域
                      </view>
                      <view class="inptextzhi">
                        {{salesAreaName}}
                      </view>
                    </view>
                    <view class="iconcss">
                      <u-icon name="arrow-right" color="#9A9A9A" size="24rpx"></u-icon>
                    </view>
                  </view>
                  <view class="bcxt"></view>
                  <view class="xzstop">
                    <view class="xztext" @tap="showzt = true">
                      <view class="shengctext">
                        车辆状态
                      </view>
                      <view class="inptextzhi">
                        {{zttitlet}}
                      </view>
                    </view>
                    <view class="iconcss">
                      <u-icon name="arrow-right" color="#9A9A9A" size="24rpx"></u-icon>
                    </view>
                  </view>
                </view>
                <view class="context">
                  备注
                </view>
                <view class="bjcolor" @tap="show0 = true">
                  <u-field @blur="blur" label-width="1" v-model="reason" maxlength="400" placeholder="面向商家端：可输入配置，手续时间、生产日 期，现期货等其他信息"
                    type="textarea" :clearable="false"> </u-field>
                </view>
              </view>
            </swiper-item>
            <!-- 面向消费端 -->
            <swiper-item>
              <view style="height: 100%;width: 98%;margin: 0 auto;">
                <!-- @scrolltolower="onreachBottom" scroll-view到底部加载更多-->
                <view style="height: 20rpx;background: none;"></view>
                <!-- <view class="bjcolorsj">
                  <view class="youxiaoqi">
                    <view class="sxiaboxs flex flex-ai-c">
                      <view class="kucuncss">
                        车源有效期
                      </view>
                      <view class="long flex flex-ai-c" @click="valKhClick">
                        <view class="iconcs">
                          <i-icon v-show="validPeriodKH !== '请选择'" icon="icontuoyuan" type="single" size="40rpx" color="#999999"></i-icon>
                          <i-icon v-show="validPeriodKH === '请选择'" icon="icongouxuan" type="multiple" size="40rpx"></i-icon>
                        </view>
                        <view class="longtext">
                          长期
                        </view>
                      </view>
                      <view class="inpcss flex flex-ai-c flex-jc-fe" @tap="showcqkh = true">
                        <view class="iconcs">
                          <i-icon v-show="validPeriodKH === '请选择'" icon="icontuoyuan" type="single" size="40rpx" color="#999999"></i-icon>
                          <i-icon v-show="validPeriodKH !== '请选择'" icon="icongouxuan" type="multiple" size="40rpx"></i-icon>
                        </view>
                        <view class="kucuntext">
                          {{validPeriodKH}}
                        </view>
                      </view>
                      <view>
                        <u-icon name="arrow-right" color="#9A9A9A" size="24rpx"></u-icon>
                      </view>
                    </view>
                  </view>
                </view> -->
                <view class="bjcolorsj">
                  <view class="youxiaoqi">
                    <view class="sxiaboxs flex flex-ai-c">
                      <view class="kucuncss">
                        车源有效期
                      </view>
                      <view class="long flex flex-ai-c" @click="valclick">
                        <view class="iconcs">
                          <i-icon v-show="validPeriod !== '请选择'" icon="icontuoyuan" type="single" size="40rpx" color="#999999"></i-icon>
                          <i-icon v-show="validPeriod === '请选择'" icon="icongouxuan" type="multiple" size="40rpx"></i-icon>
                        </view>
                        <view class="longtext">
                          长期
                        </view>
                      </view>
                      <view class="inpcss flex flex-ai-c flex-jc-fe" @tap="showcq = true">
                        <!-- <i-icon icon="icongouxuan" type="multiple" size="40rpx"></i-icon> -->
                        <view class="iconcs">
                          <i-icon v-show="validPeriod === '请选择'" icon="icontuoyuan" type="single" size="40rpx" color="#999999"></i-icon>
                          <i-icon v-show="validPeriod !== '请选择'" icon="icongouxuan" type="multiple" size="40rpx"></i-icon>
                        </view>
                        <view class="kucuntext">
                          {{validPeriod}}
                        </view>
                      </view>
                      <view>
                        <u-icon name="arrow-right" color="#9A9A9A" size="24rpx"></u-icon>
                      </view>
                    </view>
                  </view>
                </view>
                <!-- 销售价格 -->
                <view class="bjcolor">
                  <view class="Salesbox">
                    <view class="sxiabox">
                      <view class="Saltext">
                        官方指导价
                      </view>
                      <view class="Salvalue" style="width: 500rpx;">
                        <input type="text" class="inputtext" disabled="disabled" placeholder="无" v-model="specifAll.Configulist.factoryprice" />
                      </view>
                      <!-- <view class="gfSalqian">
                        万元
                      </view> -->
                    </view>
                    <view class="xiahuax" style="margin-bottom: 40rpx;"></view>
                    <view class="sxiabox">
                      <view class="Saltext">
                        裸车价
                      </view>
                      <view class="Salvalue">
                        <input type="number" class="inputtext" placeholder="请填写" v-model="dataALLlistgs.GoodsDetails.Client_price"
                          placeholder-style="font-size:30rpx;color:#999" />
                      </view>
                      <view class="Salqian">
                        万元
                      </view>
                    </view>
                  </view>
                </view>
                <view class="context">
                  选择支持销售类型
                </view>
                <view class="bjcolor">
                  <view class="moneyRelated">
                    <view class="mRelf zhidin flex flex-ai-c">
                      <view class="tiao"></view>
                      <view class="mRtext">
                        全款/按揭
                      </view>
                      <view class="huaKuai">
                        <u-switch v-model="fullAmount" active-color="#41CB05" inactive-color="#E1E1E1" size="48"
                          @change="fullAmountChange"></u-switch>
                      </view>
                    </view>
                    <u-gap height="2" bg-color="#EEEEEE"></u-gap>
                    <view class="mRelf flex flex-ai-c">
                      <view class="tiao"></view>
                      <view class="mRtext">
                        低首付
                      </view>
                      <view class="huaKuai">
                        <u-switch v-model="lowDownPayment" active-color="#41CB05" inactive-color="#E1E1E1" size="48"
                          @change="lowDownPChange"></u-switch>
                      </view>
                    </view>
                    <view class="fSBox" v-show="lowDownPayment">
                      <view class="financialSolution flex flex-ai-c" @click="financialPlanClick(0)">
                        <view class="fStext">
                          金融方案
                        </view>
                        <view class="xiuGai" v-show="financialSolution.fsname === ''">
                          修改/添加
                        </view>
                        <view class="xiuGaisss" v-show="financialSolution.fsname !== ''">
                          {{financialSolution.name}} {{financialSolution.fsname}}
                        </view>
                        <view class="fSicon">
                          <u-icon name="arrow-right" color="#9A9A9A" size="24rpx"></u-icon>
                        </view>
                      </view>
                      <view class="financialSolution flex flex-ai-c">
                        <view class="Margintext">
                          保证金
                        </view>
                        <view class="Margininput">
                          <input type="number" class="inputtext" placeholder="设定买方保证金不低于800" v-model="dataALLlistgs.GoodsDetails.Down_Payment_Money"
                            placeholder-style="font-size:30rpx;color:#999" />
                        </view>
                        <view class="MarginYuan">
                          元
                        </view>
                      </view>
                    </view>
                    <view class="mRelf flex flex-ai-c">
                      <view class="tiao"></view>
                      <view class="mRtext">
                        以租代售
                      </view>
                      <view class="huaKuai">
                        <u-switch v-model="rentForSale" active-color="#41CB05" inactive-color="#E1E1E1" size="48"
                          @change="rentForSChange"></u-switch>
                      </view>
                    </view>
                    <view class="fSBox" v-show="rentForSale">
                      <view class="financialSolution flex flex-ai-c" @click="financialPlanClick(1)">
                        <view class="fStext">
                          金融方案
                        </view>
                        <view class="xiuGai" v-show="yzdsclicklist.yzdsname === ''">
                          修改/添加
                        </view>
                        <view class="xiuGaisss" v-show="yzdsclicklist.yzdsname !== ''">
                          {{yzdsclicklist.name}} {{yzdsclicklist.yzdsname}}
                        </view>
                        <view class="fSicon">
                          <u-icon name="arrow-right" color="#9A9A9A" size="24rpx"></u-icon>
                        </view>
                      </view>
                      <view class="financialSolution flex flex-ai-c">
                        <view class="Margintext">
                          保证金
                        </view>
                        <view class="Margininput">
                          <input type="number" class="inputtext" placeholder="设定买方保证金不低于800" v-model="dataALLlistgs.GoodsDetails.Rent_Out_Money"
                            placeholder-style="font-size:30rpx;color:#999" />
                        </view>
                        <view class="MarginYuan">
                          元
                        </view>
                      </view>
                    </view>
                  </view>
                </view>
              </view>
            </swiper-item>
          </swiper>
        </view>
      </view>

      <view class="quedingbtn" @click="submitclick" v-show="Whethertosubmit==1">
        <button form-type="submit">确认发布</button>
      </view>
      <view style="height: 220rpx;" v-show="Whethertosubmit==110"></view>
      <view class="quedingbtnYM" v-show="Whethertosubmit==110">
        <view class="quxboxs">
          <view class="quxiaoxj" @click="Cancelinquiry">
            删除
          </view>
          <view class="xiajiascss" @click="shagnjiaClick" v-show="goodsXiajia===1">
            上架
          </view>
          <view class="xiajiascss" @click="xiajiaClick" v-show="goodsXiajia===0">
            下架
          </view>
          <view class="wancheng" @click="finishedediting">
            确认修改
          </view>
        </view>
      </view>
    </view>

    <view>
      <u-modal title='删除车源' v-model="showxj" width="74%" :mask-close-able="true" :title-style="{fontWeight:'bold',fontSize:'36rpx',color: '#333333'}"
        :show-confirm-button="false">
        <view class="slot-content">
          <rich-text nodes="是否确定删除此条车源信息？"></rich-text>
        </view>
        <view class="woxiangxbox">
          <view @click="woxiangx">
            <button class="footerplgl">我在想想</button>
          </view>
          <view @click="requerqx">
            <button class="fabucheyuan" form-type="reset">确定删除</button>
          </view>
        </view>
      </u-modal>
    </view>
    <!-- 选择车辆合格证-->
    <u-popup v-model="showhg" mode="bottom" border-radius="30">
      <view class="hgzbox" style="height: 350rpx;">
        <view class="hgztitle">
          车辆合格证
        </view>
        <view class="hgxz" @click="hgclick(0)">
          随车
        </view>
        <view class="hgxz" @click="hgclick(1)">
          邮寄
        </view>
      </view>
    </u-popup>
    <!-- 选择车辆销售区域-->
    <u-popup v-model="showqy" mode="bottom" border-radius="30">
      <view class="hgzbox">
        <view class="xsquy">
          车辆销售区域
        </view>
        <view class="quguo" @click="allqgclick">
          全国
        </view>
        <view class="cityqux">
          <view class="shenf">
            省/地区
          </view>
          <view class="shif">
            请选择 市
          </view>
        </view>
        <u-picker class="cheliquyu" confirm-color="#343434" cancel-color="#FFE23E" mode="region" v-model="showqy"
          :area-code='["51", "5101"]' :params="paramsqy" @confirm="confirmqy"></u-picker>
      </view>
    </u-popup>
    <!-- 商户端有效期-->
    <ctime :title='"选择有效期"' :dqtime="2020" :showsc="showcq" @confirmTime="validPeriodClick" @closeTime="closevalidPeriod"></ctime>
    <!-- 客户端有效期-->
    <!-- <ctime :title='"选择有效期"' :showsc="showcqkh" @confirmTime="kuValidPeriodClick" @closeTime="KHclosevalidPeriod"></ctime> -->
    <!-- 生产日期-->
    <ctime :title='"选择生产日期"' :showsc="showscrq" @confirmTime="confirmsc" @closeTime="closeTime"></ctime>
    <!-- 车辆所在地-->
    <recom :showdz="showdz" :title="'车辆所在地'" @close="close" @confirmdz="confirmdz"></recom>
    <!-- 选择车辆详情-->
    <u-popup v-model="showxq" mode="bottom" border-radius="30">
      <view class="hgzbox">
        <view class="hgztitle">
          车辆详情
        </view>
        <view class="hgxz" @click="xqclick(0)">
          现车现票/不店保
        </view>
        <view class="hgxz" @click="xqclick(1)">
          现车现票/店保
        </view>
        <view class="hgxz" @click="xqclick(2)">
          质损车源
        </view>
        <view class="hgxz" @click="xqclick(3)">
          期货/店保
        </view>
        <view class="hgxz" @click="xqclick(4)">
          其他
        </view>
      </view>
    </u-popup>
    <!-- 选择车辆状态-->
    <u-popup v-model="showzt" mode="bottom" border-radius="30">
      <view class="hgzbox" style="height: 350rpx;">
        <view class="hgztitle">
          车辆状态
        </view>
        <view class="hgxz" @click="ztclick(1)">
          在途
        </view>
        <view class="hgxz" @click="ztclick(0)">
          现货
        </view>
      </view>
    </u-popup>
    <!-- 图片选择-->
    <u-popup v-model="showimg" mode="bottom" border-radius="30">
      <view class="hgzbox" style="height: 480rpx;">
        <view class="imgtexts">
          选择图片上传方式
        </view>
        <view class="sucai">
          <view class="sucaitext" @click="UploadimgGF(0)">
            官方素材
          </view>
          <view class="sucaitext" @click="UploadimgPT(1)">
            平台素材
          </view>
        </view>
        <view class="hgxz" @click="UploadIDcardImg(3)">
          相册
        </view>
        <view class="hgxz" @click="UploadIDcardpaishe(0)">
          拍摄
        </view>
      </view>
    </u-popup>
    <view>
      <u-modal title='发布成功' v-model="show" width="65%" :mask-close-able="true" :title-style="{fontWeight:'bold',fontSize:'36rpx',color: '#333333'}"
        :show-confirm-button="false">
        <view class="slot-content2">
          <rich-text :nodes="content"></rich-text>
        </view>
        <view class="slot-contentxq" @click="btnlickxqy">
          <rich-text :nodes="contentxq"></rich-text>
        </view>
        <view class="slot-contentbutto2" @click="jixuabu">
          <button class="slot-contentbutto2" form-type="reset">继续发布</button>
        </view>
      </u-modal>
    </view>
    <!-- 下架 -->
    <u-modal v-model="showXiajia" :mask-close-able="true" title="温馨提示" :title-style="{fontWeight: 'bold'}"
      :show-confirm-button="false">
      <view class="slot-content" style="padding-bottom: 50rpx;">
        <view class="mod-tis">是否确认下架此商品？</view>
        <view class="mod-btn">
          <view class="quxiao" @click="showXiajia=false">
            取消
          </view>
          <view class="xiajias" @click="footerBtn(1)">
            确认下架
          </view>
        </view>
      </view>
    </u-modal>

    <!-- 上架 选择车源有效期-->
    <u-popup v-model="showsjrqS" mode="bottom" @close="close" length="50%" border-radius="30">
      <view class="SJhgzbox">
        <view class="xsquy" style="border-bottom: 0px solid #EEEEEE;">
          选择车源有效期
        </view>
        <view class="sxiaboxs flex flex-jc-sa">
          <view class="long flex flex-ai-c" @click="valclickSJ(index)" v-for="(item,index) in changqili" :key="index">
            <view class="iconcs">
              <i-icon v-show="!item.check" icon="icontuoyuan" type="single" size="40rpx" color="#999999"></i-icon>
              <i-icon v-show="item.check" icon="icongouxuan" type="multiple" size="40rpx"></i-icon>
            </view>
            <view class="longtext">
              {{item.name}}
            </view>
          </view>
        </view>
        <u-picker class="timessss" style="margin-top:90px !important;" confirm-color="#343434" cancel-color="#FFE23E"
          :mode="modesc" :defaultTime="ProductionS" v-model="showsjrqS" :params="paramsscS" @confirm="sjvalidPeriodClick"></u-picker>
      </view>
    </u-popup>
    <!-- </form> -->
  </view>
</template>

<script src="./releaseOptions.js"></script>
<style lang="scss" scoped>
  @import './releaseOptions.scss';
</style>
